<%@ page import="com.google.appengine.api.blobstore.BlobstoreServiceFactory" %>
<%@ page import="com.google.appengine.api.blobstore.BlobstoreService" %>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt" %>
<fmt:setLocale value="${currentLocale}"/>
<fmt:setBundle basename="messages"/>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="../style/style.css">
<title><c:out value="${song.title}"/></title>
</head>
<body>
<%@ include file="../simple/navbar.jsp"%>
<%@ include file="../simple/filters.jsp"%>

<div class="content">

<h2><c:out value="${song.title}"/></h2>

<c:url value="/servlet/serve-blob" var="svgUrl">
<c:param name="blob-key" value="${svgBlobKey}"/>
</c:url>
<c:url value="/servlet/serve-blob" var="pngUrl">
<c:param name="blob-key" value="${pngBlobKey}"/>
</c:url>
<c:url value="/servlet/serve-blob" var="midiUrl">
<c:param name="blob-key" value="${midiBlobKey}"/>
</c:url>


<object type="image/svg+xml" name="bilde" data="<c:out value="${svgUrl}"/>" style="padding:10px; background-color:#FFFACD; border: 1px solid #cccccc;">
<img src="<c:out value="${pngUrl}"/>" width="558"/>
</object>

<c:out value="${lyrics}"  escapeXml="false"/>

<p><small><a href="<c:out value="${midiUrl}"/>">MIDI skaņas fails</a></small></p>

<%--
<table>
<tr><th>Created</th>
<td><c:out value="${song.created}"/></td>
</tr>
<tr><th>UserId</th>
<td><c:out value="${song.userId}"/></td>
</tr>
</table>
--%>

</div>
</body>
</html>